<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>   
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.1.0.js"></script>
<script type="text/javascript"></script>
	
<script type="text/javascript">


	$(document).ready(function(){
		$("#login").click(function login(){
	
			window.open("${initParam.root }/loginview.do", "popup",
			"width=500,height=500,top=50,left=400");
		
	});//login click
		
		$("#join").click(function(){
			location.href="${initParam.root }/joinview.do";
		});//join click
		
		$("#logout").click(function()
		{
			location.href="${initParam.root }/member/logout.do";
		});//logout click
	});
</script>
</head>
<body>

<div id="header">
<div id="logo">
<a href="${initParam.root }/main.do" title="Homepage &raquo;">ELCS</a></div>
<div id="mypage">
<c:choose>
	<c:when test="${sessionScope.mvo == null}">
		<a id="login">Login</a>&nbsp; &nbsp;
		<a id="join">Join</a> &nbsp;&nbsp;
		
	</c:when>
	<c:otherwise>
		${sessionScope.mvo.name }님&nbsp; &nbsp;
		<a id="logout">Logout</a>&nbsp; &nbsp;
		<a href="${initParam.root }/member/mypage.do">Mypage</a> 
	</c:otherwise>
</c:choose>


</div>
<div id="slogan">English Learning Community System</div>
</div>
<div id="cssmenu">
	<ul>
		<li><a href="${initParam.root }/aboutUs.do">ABOUT US</a></li>
		
		<li class="mentoring"><a href="${initParam.root }/mentoring/mentoring.do">MENTORING</a>
			<ul >
				<li><a href="${initParam.root }/mentoring/question.do">Question</a></li>
				<li><a href="${initParam.root }/mentoring/status.do?page=1">Status</a></li>
				<li><a href="${initParam.root }/mentoring/myMentoring.do">My Mentoring</a></li>
			</ul>
		</li>
		
		<li class="learning"><a href="">LEARNING</a>
			<ul >
				<li><a href="${initParam.root }/view.do?head=video&type=reply&category=learning">동영상강의</a></li>
				<li><a href="${initParam.root }/view.do?head=study&type=reply&category=learning">학습자료</a></li>
				<li><a href="${initParam.root }/view.do?head=today&type=basic&category=learning">오늘의한마디</a></li>
			</ul>
		</li>
		
		<li  class="community"><a href="">COMMUNITY</a>
			<ul>
				<li><a href="${initParam.root }/view.do?head=testInfo&type=reply&category=community">시험정보</a></li>
				<li><a href="${initParam.root }/view.do?head=academyBookInfo&type=reply&category=community">학원&책정보</a></li>
				<li><a href="${initParam.root }/view.do?head=myKnowHow&type=reply&category=community">나만의 노하우</a></li>
				<li><a href="${initParam.root }/view.do?head=qna&type=reply&category=community">Q&A</a></li>
				<li><a href="${initParam.root }/view.do?head=freeBoard&type=reply&category=community">자유 게시판</a></li>
			</ul>
		</li>
		
		<li class="help"><a href="">HELP</a>
			<ul >
				<li><a href="${initParam.root }/view.do?head=notice&type=basic&category=help">공지사항</a></li>
				<li><a href="${initParam.root }/view.do?head=faq&type=basic&category=help">FAQ</a></li>
				<li><a href="${initParam.root }/view.do?head=complain&type=answer&category=help">고객의소리</a></li>
				
			</ul>
		</li>
	</ul>


</div>


</body>
</html>